<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>会员注册 - 花礼网</title>
    <meta name="description"
        content="鲜花网,选花礼网(鲜花礼品网)-国内领先的鲜花网领先品牌,专注鲜花速递服务16年,销量居鲜花礼品网站首位！鲜花网可24小时预订鲜花，同城送花、异地送花服务,网上订花后最快1-3小时即可将鲜花快递上门,送花网站覆盖国内2000多城市！">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="花礼网Hua.com,鲜花礼品网,鲜花,鲜花网,鲜花快递,网上订花送花,网上订花,送花网站">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" href="../img/favicon.png">
    <!-- jq -->
    <script src="./js/jquery.js"></script>
    <!-- boot -->
    <link rel="stylesheet" href="../bootstrap-3.4.1-dist/css/bootstrap.css">
    <script src="../bootstrap-3.4.1-dist/js/bootstrap.js"></script>
    <!-- layui -->
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../layui/layui.js"></script>
    <!-- 修改原本的标签样式 -->
    <link rel="stylesheet" href="../eliminate.css/ym.css">
    <!-- 我们写的 -->
    <link rel="stylesheet" href="./css/register.css">
    <link rel="stylesheet" href="../fontawesome-free-5.15.4-web/css/all.css">
    <script src="./js/register.js"></script>
</head>

<body>
  <!-- 头部导航 -->
<div id="top-nav" class="container-fluid  visible-lg-block">
    <div class="center">
        <ul class="top-l">
            <li><a href=""><i class="fas fa-star"></i><span>收藏花礼网(hua.com)</span></a></li>
            <li><a href=""><i class="fas fa-comments"></i><span>关注微信</span></a></li>
            <li><a href=""><i class="fas fa-certificate"></i><span>花礼网app</span></a></li>
        </ul>

        <ul class="top-r">
            <li><span><a>你好,请登录</a></span><span><a>注册</a></span></li>
            <li><a>订单查询</a></li>
            <li><a>客户服务</a></li>
            <li><a>购物车</a><span class="orange">(0)</span></li>
            <li>鲜花礼品网:国内领先鲜花网品牌</li>
        </ul>
    </div>
</div>
<!-- 头部 -->
<div id="header">
    <!-- 居中 -->
    <div class="center">
        <!-- logo -->
        <div class="logo">
            <h1>
                <a href="">鲜花礼品网(花礼网)</a>
            </h1>
        </div>
        <!-- 搜索框 -->
        <div class="search">
            <input type="text" placeholder="商品关键词">
            <button>搜索</button>
        </div>
        <!-- 服务热线 -->
        <div class="service">
            <span class="orange fas fa-phone"></span>
            <span class="font">400-889-8188</span>
            <i>&nbsp;&nbsp;|&nbsp;&nbsp;</i>
            <span class="orange fas fa-headphones"></span>
            <span class="font">在线客服</span>
        </div>
    </div>
</div>
<!-- 中间注册 -->
<div id="midRe">
    <!-- 居中 -->
    <div class="center">
        <!-- 注册框 -->
        <div class="register change">
            <!-- 第一排 -->
            <div class="line1">
                <span class="color1">手机账号注册
                    <i></i>
                </span>
                <span class="disappear1">邮箱账号注册</span>
            </div>
            <!-- 下面部分 -->
            <div class="bottom">
                <!-- 第二排 手机登录 -->
                <div class="line2">
                    <span class="fas fa-mobile-alt"></span>
                    <input type="text" placeholder="请输入手机" class = "number">
                    <p class = "error error1">手机号码输入不正确!</p>
                </div>
                
                <!-- 第三排  短信验证码-->
                <div class="line3">
                    <span class="far fa-comment-alt"></span>
                    <input type="text" placeholder="请输入短信验证码" class = "prove">
                    <button class = "get">获取验证码</button>
                    <p class = "error error2">验证码输入不正确！</p>
                </div>
               
                <!-- 第四排 密码 -->
                <div class="line4">
                    <span class="fas fa-lock"></span>
                    <input type="password" placeholder="请输入密码" class = "password">
                    <p class = "error error3">密码格式不正确！</p>
                </div>
                
                <!-- 第五排 注册键 -->
                <div class="line5">
                    <button class = 'signIn'>注册</button>
                </div>
            </div>
            <!-- 最后一排 qq 支付宝 -->
            <div class="line6">
                <div class="line6-1">
                    <a href=""><img src="./img/QQ.png" alt="">QQ</a>
                    <a href=""><img src="./img/zhifubao.png" alt="">支付宝</a>
                </div>
                <div class="line6-2">
                    <a href="">登陆账号&gt;</a>
                </div>
            </div>
        </div>
        <!-- 邮箱 -->
        <div class="email register">
            <!-- 第一排 -->
            <div class="line1">
               <span class="disappear2">手机账号注册</span>
               <span class="color1">
                   邮箱账号注册
                   <i></i>
               </span>
           </div>
           <!-- 下面部分 -->
           <div class="bottom">
               <!-- 第二排 邮箱登录 -->
               <div class="line2">
                   <span class="fas fa-envelope"></span>
                   <input type="text" placeholder="请输入邮箱" class="emailCode">
                   <p class = "error error-1">邮箱地址输入不正确!</p>
               </div>
               <!-- 第三排 密码 -->
               <div class="line4">
                   <span class="fas fa-lock"></span>
                   <input type="password" placeholder="请输入密码" class="per password2">
                   <p class = "error error-2">密码格式不正确!</p>
               </div>
               <!-- 第四排 注册键 -->
               <div class="line5">
                   <button class = "signIn1">注册</button>
               </div>
           </div>
           <!-- 最后一排 qq 支付宝 -->
           <div class="line6">
               <div class="line6-1">
                   <a href=""><img src="./img/QQ.png" alt="">QQ</a>
                   <a href=""><img src="./img/zhifubao.png" alt="">支付宝</a>
               </div>
               <div class="line6-2">
                   <a href="">登陆账号&gt;</a>
               </div>
           </div>
       </div>
    </div>
</div>
<!-- 底部 -->
<div class="last">
    <!-- 居中 -->
    <div class="center">
        <!-- 列表 -->
        <ul class="list">
            <li><a href="">首页</a></li>
            <li><i>｜</i></li>
            <li><a href="">关于我们</a></li>
            <li><i>｜</i></li>
            <li><a href="">媒体报道</a></li>
            <li><i>｜</i></li>
            <li><a href="">联系方式</a></li>
            <li><i>｜</i></li>
            <li><a href="">企业团购</a></li>
            <li><i>｜</i></li>
            <li><a href="">花店入驻</a></li>
            <li><i>｜</i></li>
            <li><a href="">友情链接</a></li>
            <li><i>｜</i></li>
            <li><a href="">在线补款</a></li>
            <li><i>｜</i></li>
            <li><a href="">为什么选择花礼网</a></li>
        </ul>
        <!-- 图标 -->
        <div class="pic">
           <a href=""> <img src="./img/slogan.png" alt=""></a>
           <a href=""> <img src="./img/like.jpeg" alt=""></a>
           <a href=""> <img src="./img/bico1.jpeg" alt=""></a>
           <a href=""> <img src="./img/govIcon.gif" alt="" class="large"></a>
        </div>
        <!-- 证书 -->
        <p>
            <a href="">中国电子商务协会会员</a>
            <a href="">中国电子商务协会会员</a>
            <b> ICP经营许可证：</b>
            <a href="">粤B2-20050744</a>
            <i>｜</i>
            <a href="">粤ICP备09171662号</a>
            <b>粤公网安备44030502000373号 Copyright © 2005-2021</b>
        </p>
        <p class = "speical">
            <a href="">www.hua.com</a>
            <b> 深圳市百易信息技术有限公司</b>
        </p>
    </div>
</div>
</body>
</html>
